﻿@font-face {font-family: 'Swiss 721 Bold Condensed';
    src: url('../fonts/Swiss_721_Bold_Condensed.eot');
    src: url('../fonts/Swiss_721_Bold_Condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Swiss_721_Bold_Condensed.woff') format('woff'),
         url('../fonts/Swiss_721_Bold_Condensed.ttf') format('truetype'),
         url('../fonts/Swiss_721_Bold_Condensed.svg#swiss_721bold_condensed') format('svg');
    font-weight: normal;font-style: normal;}
a:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
a:hover,a:active {outline: 0;}
img {width: auto\9;height: auto;max-width: 100%;vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
input[type="text"]:focus{outline:none;outline: thin dotted \9}

html{margin:0; padding:0;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{margin: 0; padding:0;font-family: Arial;font-size: 14px;line-height: 20px;color: #333333;background:url(../images/bg/bg.gif);}

.clear{clear:both;}
#wrap{width:100%;height:100% !important;margin:0;padding:0;}
#header{height:61px;width:100%; background: #f3f3f3 url(../images/bg/header-bg.png) repeat-x;}
#logo{margin:8px 0 8px 8px;float:left;}
#menu{float:left; margin:0 0 0 20px;position:relative;z-index:5000;}

/* User Giriş / Çıkış */
#user-profile{float:right; position:absolute; right:20px; top:10px; width:235px;}
#profile {color:#333;height:36px;font-size:1em;font-weight:bold;line-height:1.2em;margin:0;padding:3px 10px 10px;width:137px;display:table;text-align:right;   float:left;background:url(../images/head-li-border.png) no-repeat 155px 1px;}
#profile span{margin:0; padding:0; display:table-cell; vertical-align:middle;}
#logout{float:left;display:block; height:16px; padding: 10px 30px 10px 10px; color:#333; text-decoration:none; background:url(../images/logout.png) no-repeat right 11px;font-weight:bold; font-size:1em;}
#logout:hover{text-decoration:underline;}
/* User Giriş / Çıkış */

.content-frame{height:1000px; width:100%;}

/* neredesin navigator */
#breadcrumb{width:99%; height:28px;color:#fcfcfc;float:left; padding:0 0 0 1%;line-height:28px;font-family: 'Swiss 721 Bold Condensed';}
#breadcrumb a{color:#116479; text-decoration:none; padding:0 0 0 15px; background:url(../images/breadcrumb-arrow.png) no-repeat;}
#breadcrumb a:hover{color:#116479;cursor:pointer; text-decoration:underline;}
/* neredesin navigator */

/* sağ arama */
#search-area{position:fixed;right:0; top:28px; width:auto; height:45px; padding:6px 8px; -webkit-border-radius:5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;  background:#183C45; border:1px solid #A6A6A6;behavior: url(assets/styles/PIE.htc);z-index:-1;}
#search-form{width:223px; padding:0 0 0 10px; height:43px; background:url(../images/bg/search-form-bg2.png) no-repeat; float:left;position:relative;}
#search-form > input[type="text"]{position:absolute;height:40px; line-height:43px; background:transparent; border:0;width:166px; font-size:0.85em; font-weight:bold; font-family:Arial;}
#search-form > input[type="button"]{position:absolute; left:178px;width:33px;height:45px;border:0;background:url(../images/bg/search-button-bg2.png) no-repeat;cursor:pointer;z-index:1;}

.search-box{width:208px;position:absolute;z-index:1;margin-top:43px !important;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;background:#f0f0f0;-webkit-border-radius: 4px;-webkit-border-top-right-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topright: 0;border-radius: 4px;border-top-right-radius: 0; behavior: url(assets/styles/PIE.htc);}
.search-line{background:#f0f0f0;width:5px;height:10px;position:absolute;z-index:302;right:-1px;top:-1px;border-right:1px solid #c2c2c2;}
.search-list{position:relative;z-index:305;margin-left:5px;padding:5px 0px;}
.search-list a{font-weight:bold;font-size:13px;color:#404040;display:block;width:182px;text-decoration:none;padding:5px 8px;}
.search-list a:hover{background:#b2b2b2;}
/* sağ arama */

/* sol kullanıcı detayları */
#customer-detail{float:left; width:235px; height:auto !important; border-top:1px solid #c0c0c0;  background:#F7F7F7;-webkit-border-radius:0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0; behavior: url(assets/styles/PIE.htc); display:none;}
#customer-detail h3{background:url(../images/customer-details.png); text-indent:-9999px; margin:3px 0 0 3px; padding:0; width:227px; height:49px;}
#customer-detail table{ width:235px; margin-top:6px; font-size:0.8em;}
#customer-detail table tr.item{ background:#F7F7F7;}
#customer-detail table tr.alternate{background:#EFEFEF;}
#customer-detail table td.label{width:95px;padding:3px 5px 5px 10px;font-weight:bold;}
#customer-detail table td.data{width:119px; border-right:1px solid #c0c0c0;}
#customer-detail table td.noborder{border-right:0;}
#customer-detail div.footer{width:138px; height:auto;  border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; padding:12px 48px;-webkit-border-radius:0 0 4px 0;-moz-border-radius: 0 0 4px 0;border-radius: 0 0 4px 0; 
behavior: url(assets/styles/PIE.htc);}                    
#customer-detail > div.footer > a.detail-button{background:url(../images/detail-button.png); display:block; width:133px; height:40px; text-indent:-9999px;}

#areaEc{float:left; margin-top:2px;}
#areaEc a.expand{background:url(../images/expand2.png); width:18px; height:54px; display:block;}
#areaEc a.collapse{background:url(../images/collapse2.png); width:27px; height:54px; display:block;}
/* sol kullanıcı detayları */

/* üst kullanıcı bilgileri */
#customer-summary{float:left;border: 1px solid #c0c0c0; border-left:0; width: auto; height:34px; height:57px; background:#F7F7F7;-webkit-border-radius:0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;behavior: url(assets/styles/PIE.htc);}
#customer-summary .box{float:left;height:40px;position:relative;  background:#e2e2e2; margin:3px 6px; padding:4px 10px; border:1px solid #c0c0c0;  -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; behavior: url(assets/styles/PIE.htc);}
#customer-summary .darkblue{max-width:330px;background:#20618a; color:#fff; font-weight:bold; font-size: 1.00 em;}
#customer-summary .box label{font-weight:bold;}
#customer-summary .box span{float:right;margin-left:10px;}
.tree-button{float:left;width:30px;position:relative;cursor:pointer;}
.tree-button img{position:absolute;margin:-4px 0 0 10px;}
.tree-box{width:210px;max-height:400px;/* treeview yüksekliği buradan ayarlanıyor */background:#20618a;font-size:11px;color:#fff;position:absolute;margin-top:43px !important;padding:20px 5px 20px 20px;right:0;z-index:1;-webkit-border-radius: 4px;-webkit-border-top-right-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topright: 0;border-radius: 4px;border-top-right-radius: 0; behavior: url(assets/styles/PIE.htc);}
.tb-content{width:100%;overflow:hidden;overflow:auto;overflow-x:hidden;max-height:400px;}
.tree-line{position:absolute;right:0;top:-5px;background:#20618a;width:5px;height:15px;z-index:202;}
.tree-title{font-size:16px;margin-bottom:5px;}
/* treeview */
#side{float:left; display:inline;  position:relative; color:#fff; overflow:hidden;}
.accordion {margin:0; padding:0;}
.accordion li {list-style-type:none; font-size:14px; margin-top:-5px;}
.accordion li.last-child {list-style:none;border-left:1px solid #3fb0cd;padding-left:25px;}
.accordion li.last-child a:hover {font-weight:bold;}
#side ul.accordion ul {margin:0; padding:0 0 0 4px;}

a.trigger {padding-left:20px; background-image: url(../images/treeview/plus.png); background-repeat: no-repeat; background-position:0 4px; }
a.trigger.open {background-image: url(../images/treeview/minus.png);}

.last-child a.trigger{padding-left:1px; background-image:none; }
#side a.active{ color:#fff; text-decoration:none}
a.link, .heading{margin-left:5px;}
a.icon.trigger{display:inline-block; width:15px; height:19px; padding:0; vertical-align:middle;}
#side a.icon.trigger{height:19px;}
.vertical-line{width:1px;height:5px;position:absolute;background: #3fb0cd;margin-left:4px;z-index:5;margin-top:15px;}
#side a.icon.trigger:hover,#side a.icon.trigger:focus,#side a.icon.trigger:active{}
#side ul li a{color:#fff; text-decoration:none;}
.link
{
   cursor:text;font-weight:bold;
}
/* treeview */


/* scroolbar */
#scrollbar1 { width: 190px; }
#scrollbar1 .viewport { width: 210px; height:450px;/* scrollbar yüksekliği buradan ayarlanıyor */overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: #2680b8; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track {  height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: #0d4264; height: 20px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0px; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* scroolbar */

/* üst kullanıcı bilgileri */

#content{position:relative;}

/* matris */
/* tab kontroller */
#vertical-tab{width:80px; float:left; margin-top:60px; }
#vertical-tab ul{list-style:none; margin:0; padding:0; width:80px; }
#vertical-tab ul li{margin:0; font-size:0.9em;  width:79px; height:42px; cursor:pointer;}
#vertical-tab ul li a{float:left; position:absolute; color:#444; width:69px; height:42px;padding-left:10px; line-height:43px;text-decoration:none; display:block;font-weight:bold;  position:absolute; z-index:-2;background: url(../images/bg/vertical-bg-li2.png) no-repeat;margin-left:3px;}
#vertical-tab ul li a[rel="first"]{float:left; color:#444; width:69px; height:46px;padding-left:10px; line-height:46px;text-decoration:none; display:block;font-weight:bold;background: url(../images/bg/vertical-bg-li-first2.png) no-repeat 1px 0; margin-top:-9px;}
#vertical-tab ul li a.active{position:absolute;z-index:3;color:#444; width:69px; height:51px;padding-left:10px; line-height:50px;text-decoration:none; display:block; font-weight:bold; z-index:99;background:url(../images/bg/vertical-bg-li-active2.png) no-repeat ;margin-left:0px;margin-top:-9px;}
#vertical-tab ul li a.last{float:left; position:absolute; color:#444; width:69px; height:42px;padding-left:10px; line-height:43px;text-decoration:none; display:block;font-weight:bold;  position:absolute; z-index:-2;background: url(../images/bg/vertical-bg-li-last2.png) no-repeat;margin-left:3px;}
   
#horizontal-tab{position:relative; left:-10px; }
#horizontal-tab ul{list-style:none; margin:0 0 0 40px; padding:0; width:600px; height:43px;}
#horizontal-tab ul li{margin:0; font-size:1em;}
#horizontal-tab ul li a{float:left; color:#fff; width:136px; height:32px; margin:9px 4px 0 0;line-height:32px; text-align:center;text-decoration:none; display:block;font-weight:bold;background: url(../images/bg/horizontal-bg-li.png) no-repeat 1px 0;}
#horizontal-tab ul li a.active{float:left; color:#444; width:140px; height:43px; margin:0;line-height:43px;text-decoration:none; display:block;font-size:1.2em;font-weight:bold;background: url(../images/bg/horizontal-bg-li-active.png) no-repeat 0 0;}
/* tab kontroller */

/* tablo içerik */

#content-area{margin-left:72px; padding:20px 20px 60px 20px; min-height:350px; background:#F3F3F3; top:41px;  border:1px solid #fff; -webkit-box-shadow: #888 0px 0px 2px;-moz-box-shadow: #888 0px 0px 2px;box-shadow: #888 0px 0px 2px;-webkit-border-radius: 0 4px 4px 4px;-moz-border-radius: 4px;border-radius: 0 4px 4px 4px;behavior: url(assets/styles/PIE.htc); z-index:2;margin-top:-2px;/*width:1114px;*/}
#content-area .table{border:1px solid #929292;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;behavior: url(assets/styles/PIE.htc); }
#content-area .table tr.head{background:url(../images/bg/th-bg.png) repeat-x; height:50px; border-bottom:1px solid #B4B4B4;  }
#content-area .table tr.head td{ background:url(../images/bg/tr-border-bg.png) no-repeat right top; height:42px; padding: 7px 0 0 0;  font-family: 'Swiss 721 Bold Condensed'; text-align:center; font-size:1em; color:#116479;}
#content-area .table tr.head td.left-head{width:82px; border-top-left-radius:4px;behavior: url(assets/styles/PIE.htc);}
#content-area .table tr.head td.right-head{width:107px; border-top-right-radius:4px;behavior: url(assets/styles/PIE.htc);}
#content-area .table tr.row{background:#fff; height:auto !important;  }
#content-area .table tr.alternate-row{background:#EAEAEA; height:auto !important;   }
#content-area .table tr.row td,
#content-area .table tr.alternate-row td{height:auto !important; font-size:0.8em; color:#0e0d0d; padding:8px; border-right:1px solid #cacaca; line-height:1.2em;}
#content-area .table tr td.center{text-align:center;}
#content-area .table tr.row :last-child {border-right:0;}
#content-area .table tr.alternate-row :last-child {border-right:0;}

.tarifeler{width:70px; height:23px; background:url(../images/tarifeler.png) no-repeat; border:0; cursor:pointer;}
.ceza-hesapla{width:90px; height:23px; background:url(../images/ceza-hesapla.png) no-repeat; border:0; cursor:pointer;}
.ceza-hesapla2{width:133px; height:40px; background:url(../images/ceza-hesapla2.png) no-repeat; border:0; cursor:pointer;}
.ceza-hesapla-pbc{width:169px; height:40px; background:url(../images/ceza-hesapla-pbc.png) no-repeat; border:0; cursor:pointer;}
.btn-faturadetaylari{width:169px; height:40px; background:url(../images/faturadetaylari.png) no-repeat; border:0; cursor:pointer;}
#action-footer{padding-top:10px;/*padding-right:190px;*/float:right;}
.tum-ceza-hesapla{width:90px; height:37px; background:url(../images/tum-cezalari-hesapla.png) no-repeat; border:0; cursor:pointer;}
/* tablo içerik */
/* matris */

/* modal box */
.modal-box, .matris-modal, .modal-message, .ceza-hesapla-modal{position:absolute; z-index:9999; margin:10px 13px 5px 12px; background:#2A5C69; -webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;behavior: url(assets/styles/PIE.htc); z-index:9999; padding:8px;}
.modal-box{left:50%; margin-left:-400px;top:100px;  max-height:500px; overflow-y:auto; overflow-x:auto; max-width:75%;}
.modal-message{left:50%;margin-left:-258px;top:100px;}

.modal-content{position:relative;z-index:9;}
.drag{width:100%;height:40px;z-index:99;position:absolute;cursor:move;}                
.modal-box  h2{float:left;margin:13px 0 10px 14px; width:635px; padding:0; color:#fff; font-size:1.4em;}
.modal-box .close, .matris-modal .close{position:absolute; top:13px; right:13px;z-index:10000;}
.modal-box .close input.closebutton, .modal-box .close input.closebutton3, .matris-modal .close input.closebutton2{float:left; border:0; cursor:pointer; background:url(../images/close.png) no-repeat; width:18px; height:18px;}
.modal-box .tabb{position:absolute; top:13px; right:38px;z-index:10000;}
.modal-box .tabb input.tabbutton{float:left; border:0; cursor:pointer; background:url(../images/line.png) no-repeat; width:14px; height:18px;}

.modal-box .table{border:1px solid #1E414A; background: #1D7389;-webkit-border-radius:4px;-moz-border-radius: 4px; border-radius: 4px; behavior: url(assets/styles/PIE.htc); width:100%;}
.modal-box .table tr.head{background:url(../images/bg/modal-th-bg.png);background-position:0 2px;background-repeat:repeat-x;height:43px; border-bottom:1px solid #B4B4B4;}
.modal-box .table tr.head td{ background:url(../images/bg/modal-tr-border-bg.png) no-repeat right top; height:43px;  font-family: 'Swiss 721 Bold Condensed'; text-align:center; font-size:1em; line-height:0.8em; color:#fff;}
.modal-box .table tr.row{background:#fff; height:auto !important;}
.modal-box .table tr.footer-row{background:#fff; height:15px !important;}
.modal-box .table tr.alternate-row{background:#EAEAEA; height:auto !important;}
.modal-box .table tr.fine{background:#c4c3c3; height:auto !important;text-align:right;font-weight:bold;color:#000;min-height:30px;}
.modal-box .table .fine td{padding-right:20px;font-size:16px;}
.modal-box .table tr.row td,
.modal-box .table tr.alternate-row td,
.modal-box .table tr.footer-row td{height:auto !important; font-size:0.8em; color:#0e0d0d; padding:8px; border-right:1px solid #cacaca; line-height:1.2em;}
.modal-box .table tr td.center{text-align:center;}

.modal-message div.inner h2{float:left;margin:13px 0 10px 14px; width:460px; padding:0; color:#fff; font-size:1.4em;}
.modal-message div.inner div.close{float:left; margin:12px 0 10px 0;}
.modal-message div.inner div.close input.closebutton{float:left; border:0; cursor:pointer; background:url(../images/close.png) no-repeat; width:18px; height:18px;}
.modal-message .content{float:left; background:#fff; margin:10px; padding:10px; width:460px; height:auto;-webkit-border-radius:4px;-moz-border-radius: 4px;border-radius: 4px;    -webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;behavior: url(assets/styles/PIE.htc);} 
.modal-message .footer{ float:left; height:auto; margin:5px 15px 15px 15px; width:470px; text-align:right;} 
.modal-message .footer a.ok{ float:right; background:url(../images/ok.png); height:40px; width:76px; text-indent:-9999px;} 
.modal-message .footer a.cancel{ float:right;  background:url(../images/cancel.png); height:40px; width:63px; text-indent:-9999px;} 

.total{float:right;line-height:25px; background:#fff; margin:-1px 1px 0 73px; border:1px solid #b4b4b4;font-size:1.3em; font-weight:bold; padding:14px 20px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius: 4px;border-radius: 0 0 4px 4px; behavior: url(assets/styles/PIE.htc); }

.footnote{list-style:none; margin:10px 0 5px 15px; padding:0; float:left; }
.footnote li{margin:0; padding:0;color:#fff; font-size:0.8em; line-height:1.2em;}

.small{font-size:0.6em;}
.clear{clear:both;}
/* modal box */


/* içerik */
/* tab kontroller */
#left-tab{position:absolute;top:108px;left:20px;}
#left-tab ul{list-style:none; margin:0; padding:0; width:118px;text-align:center;}
#left-tab ul li{font-weight:bold;font-style:arial;padding-top:13px;height:75px;}
#left-tab ul li a{color:#7f7f7f;text-decoration:none;display:block;}
#left-tab ul li.tab{width:104px; margin:auto; border-bottom:1px solid #d5d5d5;}
#left-tab ul li.tab-active{width:118px;height:75px;background:url(../images/bg/left-tab-active.png) no-repeat; border:0px;margin-top:-1px;position:relative;z-index:1;}

#left-tab ul li.tab .i-service{width:26px;height:28px;background:url(../images/icon/service.png) no-repeat;margin:4px auto;}
#left-tab ul li.tab-active .i-service{width:26px;height:28px;background:url(../images/icon/service-h.png) no-repeat;margin:4px auto;}

#left-tab ul li.tab .i-packet{width:27px;height:29px;background:url(../images/icon/packet.png) no-repeat;margin:4px auto;}
#left-tab ul li.tab-active .i-packet{width:27px;height:29px;background:url(../images/icon/packet-h.png) no-repeat;margin:4px auto;}

#left-tab ul li.tab .i-invoice{width:26px;height:28px;background:url(../images/icon/invoice.png) no-repeat;margin:4px auto;}
#left-tab ul li.tab-active .i-invoice{width:26px;height:28px;background:url(../images/icon/invoice-h.png) no-repeat;margin:4px auto;}

#left-tab ul li.tab .i-special{width:26px;height:29px;background:url(../images/icon/special.png) no-repeat;margin:4px auto;}
#left-tab ul li.tab-active .i-special{width:26px;height:29px;background:url(../images/icon/special-h.png) no-repeat;margin:4px auto;}

#left-tab ul li.tab-first{width:122px;height:75px;background:url(../images/bg/left-tab-active-first.png) no-repeat; border:0px;margin-top:-1px;position:relative;z-index:1;}
#left-tab ul li.tab-active a{color:#5c5c5c;}
#left-tab ul li .text{margin-top:10px;font-size:14px;}
/* tab kontroller */
/* liste */
#list{min-width:700px;max-width:832px; height:498px; background:#f7f7f7; border:1px solid #c0c0c0; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;behavior: url(assets/styles/PIE.htc);position:absolute;top:107px;left:137px;padding:15px;}

#filters{min-width:702px;max-width:886px;height:50px;background:url(../images/bg/filter.png) repeat-x; position:relative;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: inset 0px 0px 8px 0px #020202;  box-shadow: inset 0px 0px 8px 0px #020202; behavior: url(assets/styles/PIE.htc);}
#filters .checked{float:left;margin:14px 0 0 20px;}
#filters .checked .cb{float:left;}
#filters .checked .cbt{float:left;color:#fff;font-size:16px; font-weight:bold; cursor:pointer; }

#filters .selected{float:right;}
#filters .selected .cust-code-button{width:97px; height:48px; background:url(../images/cust-code.png) no-repeat; border:0; outline:0; margin:1px 3px 0 0; cursor:pointer;}
#filters .selected .msisdn-button{width:97px; height:48px; background:url(../images/msisdn.png) no-repeat; border:0; outline:0; margin:1px 3px 0 0; cursor:pointer;}

.list-content{margin-top:12px;margin-left:16px;}
.list-content .check{float:left;margin:5px 0 0 0px; font-family:arial; position:relative;width:200px;}
.list-content .first{margin-left:0px;}
.list-content .check .cbt{float:left; color:#5c5c5c; font-size:13px;cursor:pointer;margin-left:4px;}
.list-content .check .custcode{width:210px;margin-right:2px;}
.list-content .check .phone{width:152px;}
.list-content .check .cbt label{margin-left:2px;font-weight:bold;}
.list-content .check .red{color:#ff0000;}
.list-content .check .underline{text-decoration:underline;font-size:13px;font-weight:bold;}
.list-content .check .cbt:hover  .checkicon{display:block; }
.checkicon{float:right; width:50px; display:none; z-index:100;}
.list-content .check .checkicon .ci1{float:left;}
.list-content .check .checkicon .ci2{float:left; margin-left:7px;}
.list-content .check .checkicon .ci3{float:left;margin-top:5px;margin-left:4px;}

.listbuttons{position:absolute; bottom:50px; right:50px;}
.listbuttons .listbutton{width:93px; height:40px; background:url(../images/listele.png) no-repeat; border:0; outline:0; cursor:pointer;}

/* pager */
.pager{position:absolute; bottom:61px; left:38px;}
.pager .previous{width:10px;height:9px;background:url(../images/pager/previous.png) no-repeat; cursor:pointer;float:left;margin-top:2px;}
.pager .back{width:8px;height:10px;background:url(../images/pager/back.png) no-repeat; cursor:pointer;float:left;margin-left:5px;margin-top:2px;}
.pager .next{width:8px;height:10px;background:url(../images/pager/next.png) no-repeat; cursor:pointer;float:left;margin-top:2px;margin-left:10px;}
.pager .last{width:10px;height:9px;background:url(../images/pager/last.png) no-repeat; cursor:pointer;float:left;margin-left:5px;margin-top:2px;}
.pager .number{float:left;margin:0 12px; font-family: 'Swiss 721 Bold Condensed';font-size:18px;}
.pager .number .nu{float:left;}
.pager .number .nu a{color:#404040;text-decoration:none;}
.pager .number .nu a:hover{text-decoration:underline;}
.pager .number .active{font-size:18px;text-decoration:underline;}
.pager .number .nuline{float:left;margin:0 5px;}
/* pager */

/* dropdown list */
.dropdown{float:left;width:211px;margin:8px 0 0 30px;z-index:1;}
select{width:130%;height:34px; background-color: transparent;border:0;outline:0;appearance: none !important;-o-appearance: none !important;-ms-appearance: none !important;-moz-appearance: none !important;-khtml-appearance: none !important;-webkit-appearance: none !important; -moz-user-select: none;border:0;outline:0;}
.DivSelectyze {position:relative;width:211px;float:left;font-family:arial;font-size:13px;color:#404040;z-index:1;}
.DivSelectyze .selectyzeValue {position:relative;display:block;text-decoration:none;}
.DivSelectyze ul {list-style:none;padding:0;border-left:1px solid #c2c2c2;border-right:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;}
.DivSelectyze .UlSelectize {position:absolute;display:none;}
.DivSelectyze li a {display:block;text-decoration:none;}
.optgroupTitle {display:block;}

.grey .selectyzeValue {font-size:14px;color:#524711;width:191px;height:16px;background:url(../images/bg/dropdown.png) no-repeat;padding:8px 10px 10px 10px}
.grey .UlSelectize {top:20px;left:0px;width:208px;background-color:#f0f0f0;}
.ie7 .grey .UlSelectize {top:35px;left:-40px;z-index:1;}
.grey li a {font-family:arial;font-size:13px;background-color:transparent;color:#404040;padding:5px 10px;}
.grey li a:hover {color:#fff;background-color:#b2b2b2;}
/* dropdown list */
/* liste */
/* içerik */

/* paket detayları */
.packcontent{margin:8px;clear:both;}
.packet-name{width:660px;height:40px;border:1px solid #c0c0c0;margin-bottom:35px; background: #fff;-webkit-border-radius:4px;-moz-border-radius: 4px; border-radius: 4px; behavior: url(assets/styles/PIE.htc);}
.pn-icon{float:left;margin:10px 0 0 15px;}
.pn-title{float:left;color:#185c86;font-size:18px;margin:10px;font-weight:bold;}

.pack{width:660px;margin-top:15px;}
.pack-left{float:left;position:relative;z-index:2;width:88px; height:40px; border-left:1px solid #c0c0c0; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; background: #fff;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px; behavior: url(assets/styles/PIE.htc);}
.pack-right{min-height:20px;float:left;width:530px;position:relative;z-index:1;padding:10px 20px 10px 20px;margin-left:-1px; line-height:16px;border:1px solid #c0c0c0; background: #fff; -webkit-border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; border-radius:0 4px 4px 4px; behavior: url(assets/styles/PIE.htc);}
.pr-title{color:#4848448;font-weight:bold;font-size:14px;margin-top:10px;}
.pr-u{width:400px;height:20px;}
.pr-rest, .pr-date{font-size:12px;float:left;}
.pr-use{font-size:12px;float:right;}
.radio-tab{color:white;font-weight:bold;font-size:15px;position:absolute;top:85px;left:100px;/*right:50px;width:460px;*/height:18px;padding:8px 10px;/*background:#fff;*/-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;behavior: url(assets/styles/PIE.htc);}
.radiobutton{float:left;margin-right:20px;}
.radiobutton input[type="radio"]{float:left;}
.radiobutton span{font-size:12px;color:#404040;float:left;}

.call-icon{float:left;margin:11px 0 0 14px;}
.call-title{float:left;margin:11px 0 0 8px;font-size:16px;color:#93d002;font-weight:bold;}

.sms-icon{float:left;margin:13px 0 0 14px;}
.sms-title{float:left;margin:13px 0 0 8px;font-size:16px;color:#ff8400;font-weight:bold;}

.data-icon{float:left;margin:10px 0 0 2px;}
.data-title{float:left;margin:12px 0 0 3px;font-size:16px;color:#2eabcf;font-weight:bold;}

.use-bar{width:540px !important;height:20px;}
.ub-use{min-width:24px; float:left;height:14px;background:url(../images/progressbar/green.png) no-repeat;position:absolute;}
.ub-nu{color:#000;float:right; text-align:right;font-size:12px;margin-right:3px;width:32px;position:relative;}

.use-total{float:left;width:400px;height:14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; behavior: url(assets/styles/PIE.htc);}
.use{max-width:400px;min-width:22px;height:14px;-webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; behavior: url(assets/styles/PIE.htc);}
.use-count{text-align:right;float:right;width:40px;font-size:12px; font-weight:bold;margin-right:2px;}
.overflow{float:left;width:140px !important;height:14px;}
.over-use{min-width:28px;height:14px;background:#ff0000; max-width:140px;-webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; behavior: url(assets/styles/PIE.htc);}
.over-count{text-align:right;float:right;font-size:12px; font-weight:bold;margin-right:2px;width:40px;}

.use-bar .voice{background:#e2ff9d;}
.use-bar .voice .use{background:#93d002;}
.use-bar .sms{background:#fedab4;}
.use-bar .sms .use{background:#ff8400;}
.use-bar .data{background:#abecff;}
.use-bar .data .use{background:#2eabcf;}
/* paket detayları */

.loading, .loading2, .loading3, .loading4{width:300px;height:40px;margin:50px;text-align:center; display:none;}

.normal{color:#5c5c5c;text-decoration:none;}
.bold{color:#2A5C69;text-decoration:underline;}